<%-- 
    Document   : game-components
    Created on : Mar 15, 2010, 3:29:49 AM
    Author     : Angie
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@ include file="common.jsp" %>
<html>
    <c:set var="title" value="MIC Tycoon ~ Game Components"/>
    <link rel="stylesheet" type="text/css" href="<%= realURL("layout.css", url)%>">
    <link rel="stylesheet" type="text/css" href="<%= realURL("paper.css", url)%>">
    <link rel="stylesheet" type="text/css" href="<%= realURL("paper-landscape.css", url)%>">
    <link rel="stylesheet" type="text/css" href="<%= realURL("items.css", url)%>">

    <body>

        <div id="resolution">
            <!-- HEADER -->
            <div id="header">
                <div id="calculator"><div id="budget-left">10,000,000</div></div>
                <div id="clock"><div id="time-left">00:00:00</div></div>
                <div id="calendar"><div id="current-turn">1</div></div>
                <div id="postit"><div id="guide">
                        <u>GUIDE</u><br />
                        1. Click here<br />
                        2. Click there<br />
                        3. Click everywhere<br />
                        4. Think<br />
                        5. Think again<br />
                        6. Click again<br />
                        7. Click here<br />
                        8. Click there<br />
                        9. Think <br />
                        10. Test scroll <br />
                    </div></div>
            </div>

            <!-- BODY -->
            <div id="content">
                <!-- BID PROJECT -->
                <div id="paper-holder">
                    <div id="paper-content-over">
                        <div id="value-grid">1000</div><div id="value-grid">1000</div><div id="value-grid">1000</div><div id="value-grid">1000</div>
                        <div id="value-grid">1000</div><div id="value-grid">1000</div><div id="value-grid">1000</div><div id="value-grid">1000</div>
                    </div>

                    <div id="deadline-holder">3</div>

                    <div id="paper-content">
                        [<b>#1</b>] Standard Charter<br />
                        <b>Max Bid:</b> $ 10,000.00<br />
                        <hr /><b>Required Man Hours:</b><br />
                        <img src="images/logos/logo-manhours.png" border="0" />
                        <hr />
                        <b>Your Bid:</b> $&nbsp;<input type="textbox" class="enter-amt"/>
                    </div>
                </div>

                <!-- HIRE EMPLOYEE -->
                <div id="paper-holder">
                    <div id="paper-content-over">
                        <div id="value-grid">1</div><div id="value-grid">1</div><div id="value-grid">1</div><div id="value-grid">1</div>
                        <div id="value-grid">1</div><div id="value-grid">1</div><div id="value-grid">1</div><div id="value-grid">1</div>
                    </div>

                    <div id="photo-holder"><img src="images/employee/1.png" border="0" /></div>

                    <div id="paper-content">
                        [<b>#1</b>] Angeline <br />
                        <b>Exp Salary:</b> $5,000.00<br />
                        <hr /><b>Skill Level:</b><br />
                        <img src="images/logos/logo-levels.png" border="0" />
                        <hr />
                        <input type="button" value="Hire Me"/>
                    </div>
                </div>

                <!-- ASSIGN EMPLOYEE -->
                <div id="paper-holder-landscape">
                    <div id="paper-content-over-project">
                        <div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div>
                        <div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div>
                        <div id="manhours-grid">1000</div><div id="manhours-grid">1000</div><div id="manhours-grid">1000</div><div id="manhours-grid">1000</div>
                        <div id="manhours-grid">1000</div><div id="manhours-grid">1000</div><div id="manhours-grid">1000</div><div id="manhours-grid">1000</div>
                    </div>

                    <div id="paper-content-over-assign">
                        <div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div>
                        <div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div>
                    </div>

                    <div id="photo-holder-h"><img src="images/employee/1.png" border="0" /></div>

                    <div id="paper-content-landscape">
                        <b>Employee Assignment:</b> [<b>#1</b>] Angeline<br />
                        <b>Hours remaining:</b> ? &nbsp;  <b>Salary:</b> $5,000.00 &nbsp; <b>Next Payout:</b> ? <br />
                        <hr /><b>Project:</b><br />
                        <img src="images/logos/logo-combine.png" border="0" />
                        <hr/><b>Assign Employee:</b><br />
                        <img src="images/logos/logo-levels-h.png" border="0" />
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="assign-grid"><input type="textbox" class="enter-hours"/></div>
                        <div id="hp"><b>Motivation</b><img src="images/items/hp-5.png" border="0" /></div>
                        <div id="hp"><b>Tolerance&nbsp;</b><img src="images/items/hp-8.png" border="0" /></div>
                        <div id="button-holder"><input type="button" value="Assign!" /></div>
                    </div>
                </div>

                <!-- TRAIN EMPLOYEE -->
                <div id="paper-holder-landscape">
                    <div id="paper-content-over-project">

                    </div>

                    <div id="paper-content-over-training">
                        <div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div>
                        <div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div><div id="skillslevels-grid">1</div>
                    </div>

                    <div id="photo-holder-h"><img src="images/employee/1.png" border="0" /></div>

                    <div id="paper-content-landscape">
                        <b>Employee Training: </b>[<b>#1</b>] Angeline<hr />
                        <b>Hours remaining:</b> ? &nbsp;  <b>Salary:</b> $5,000.00 &nbsp; <b>Next Payout:</b> ? <br />
                        <div id="hp"><b>Motivation</b><img src="images/items/hp-1.png" border="0" /></div>
                        <div id="hp"><b>Tolerance&nbsp;</b><img src="images/items/hp-3.png" border="0" /></div>
                        <br /><br /><br />
                        <hr /><b>Train Employee's Skill:</b><br />
                        <img src="images/logos/logo-levels-h.png" border="0" />
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                        <div id="assign-grid"><a href="#"><img src="images/items/train.png" border="0" /></a></div>
                    </div>
                </div>
            </div>

            <!-- FOOTER -->
            <div id="footer">Footer</div>
        </div>
    </body>
</html>

